<template>
    <div class="background_container">
        <img class="background_img" src="@/assets/img/not_found.webp">
        <div class="content">
            <div class="page_does_not_exist">您所访问的页面不存在!</div>
            <div class="home_page">返回首页</div>
        </div>
    </div>
</template>

<script>
</script>

<style scoped lang="less">
.background_container{
    width:100vw;
    height:100vh;
    position: relative;
    font-size: 30px;
    font-weight: 900;
    .background_img{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .content {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        
        color: @bs;
        .page_does_not_exist{
            width: 100%;
            text-align: center;
            margin-top: 30vh;
        }
        .home_page{
            width: 100%;
            text-align: center;
        }
    }
}
</style>
